<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算属性的简写</title>
    <script src="vue.js"></script>
</head>
<body>
<div id="root">
    姓：<input type="text" v-model="firstName"><br>
    名: <input type="text" v-model="lastName" ><br>
    全名: <span>{{fullname}}</span>

</div>
</body>

<script type="text/javascript">
    const vm = new Vue({
        el:'#root',
        data:{
            firstName:'张',
            lastName:'三',
        },
        computed:{
            //简写
            fullname(){
                return this.firstName+'--'+this.lastName
            }



            // fullname:{
            //     get(){
            //         console.log('get调用了')
            //         return this.firstName+'-'+this.lastName //此处this为vm
            //     },
            //     set(value){
            //         console.log('set',value)
            //
            //     }
            // }
        }
    })
</script>
</html>